<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
.box{
	
	width: 250px;
	border:1px grey solid;
	background:linear-gradient(to bottom,#65c5f9,#ffffff);
	border-radius: 10px;
		margin:0 auto;
}

h2 {
	color: white;
	border-bottom: 1px solid  white;
	padding-bottom: 15px;
	background-image: url(img/bg.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	padding-left: 38px;
	background-size: 38px 38px;
	background-position: 0 -7px;
}
li a{
	font-size: 18px;
	text-decoration: none;
	line-height: 35px;
	color: grey;
	
}

li{
	list-style-type: none;
	background-image: url(url(img/dotBg.gif));
	background-repeat: no-repeat;
	padding-left: 25px
	
}

ul{
	
	padding: 5px;
}

li a:hover{
	
	color: red;
}
		</style>
	</head>
	<body>
		
		<div class="box">
		<h2>中心开班信息</h2>	

			<ul>
				<li><a href="#">8月12日：学历+技能班</a></li>
				<li><a href="#">8月16日：高考特招班</a></li>
				<li><a href="#">8月23日：Java精英班</a></li>
				<li><a href="#">8月31日：学士后强化班</a></li>
				<li><a href="#">9月5日：大学生就业班</a></li>
				<li><a href="#">9月9日：企业定向委培班</a></li>
				<li><a href="#">9月16日：网络营销强化班</a></li>
				
			</ul>
			
		</div>
		
	









	</body>
</html>